@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2019-08-28 18:38:48
 * @version $Id$
 */

.client_index{ width:1200px; margin:0 auto; padding:30px 0; height:445px;}
.client_index > .page{ width:1210px; overflow:hidden;}
.clientProductBox.BrandProduct-slide{ width:1200px;}

.clientItem{ float:left; width:370px; margin:20px 25px 0 0px; transition:0.3s all ease;}
.clientItem *{ transition:0.3s all ease;}
.swiper-slide.clientItem.swiper-slide-active { width:410px; margin-top:0;}
.clientItem .clientImg img{ width:100%; display:block; height:278px; transition:0.3s all ease;}
.swiper-slide.clientItem.swiper-slide-active .clientImg img{ height:308px;}



.clientCont { background:#fff; padding:20px;}
.clientCont:after{ content:''; clear:both; display:block;}
.clientCont .client_ico{ float:left; width:89px; height:89px; border-radius:50%; border:5px solid #ddd; overflow:hidden; float:left; margin-right:20px;}
.clientCont .client_ico img{ width:100%; height:100%;}
.clientCont .client_p{ float:right; width:210px; padding-top:6px;}
.clientCont .client_p strong{ font-size:20px; font-weight:normal; display:block; line-height:20px;}
.clientCont .client_p .small{ display:block; font-size:13px; color:#999999; line-height:22px; padding-top:10px;}
.swiper-slide.clientItem.swiper-slide-active .clientCont{ background:#0080ef;}
.swiper-slide.clientItem.swiper-slide-active .clientCont .client_p{ float:right; width:250px; padding-top:6px;}
.swiper-slide.clientItem.swiper-slide-active .clientCont .client_p p{ color:#fff;}
.swiper-slide.clientItem.swiper-slide-active .clientCont .client_p .small{ color:#fff;}
.swiper-slide.clientItem.swiper-slide-active .clientCont .client_p strong{ color:#fff; line-height:20px; font-size:20px;}
.swiper-slide.clientItem.swiper-slide-active .clientCont .client_ico{ width:89px; height:89px;}
.clientProductTop.swiper-container.swiper-container-horizontal{ overflow:visible;}